<template>
    <div>
        <li>
            <input type="checkbox" :checked="checked" @click="checkClick(index)">
            子组件--{{content}}
            <button @click="del(index)">x</button>
        </li>
    </div>
</template>

<script>
export default {
    name: 'toDoItem',
    props:['content','index',"checked"],
    methods:{
        del(index){
            this.$emit('del',index)
        },
        checkClick(index){
            this.$emit('checkClick',index)
        }
    }
}
</script>

